Visual lab

Feature · menus

Menus

The site's navigation built in the admin panel: order the items, nest them into dropdowns and point each one at a page.

shipped 1 variant On the board →
c1

Add a sub-item

cutout

once one pass, holds

Cutout on the pages navy ground: a project's admin panel editing the main menu (Kererū) — each item a card with its grip, its label, the page it links to and its Active and New tab switches — cropped through the sidebar on the left and running off the bottom. The cursor arrives on Add sub-item inside the Studio item, the row takes its hover shade, a press, and a Careers sub-item lands at the bottom of the group with a tint flash while everything under it slides down. The group is shortened per placement so the new sub-item always lands in frame.

views/components/visuals/menus/c1.html

Static · three placements

Bento card · 320px Static
KEKererū
Search⌘KRC

Main Menu

CancelSave menu

Menu items

Studio

#
Active

Careers

Careers (/careers)
Active
Add sub-item

Work

Case studies (/case-studies)
Active

Journal

Journal (/journal)
Active
Feature row · 560px Static
KEKererū
Search⌘KRC

Main Menu

CancelSave menu

Menu items

Studio

#
Active

Careers

Careers (/careers)
Active
Add sub-item

Work

Case studies (/case-studies)
Active

Journal

Journal (/journal)
Active
Hero figure · 880px Static
KEKererū
Search⌘KRC

Main Menu

CancelSave menu

Menu items

Studio

#
Active

Careers

Careers (/careers)
Active
Add sub-item

Work

Case studies (/case-studies)
Active

Journal

Journal (/journal)
Active

Animated · once

Feature row · 560px
KEKererū
Search⌘KRC

Main Menu

CancelSave menu

Menu items

Studio

#
Active

Careers

Careers (/careers)
Active
Add sub-item

Work

Case studies (/case-studies)
Active

Journal

Journal (/journal)
Active
Tune · ground and placement
Ground
Place

Overrides none — the file's own defaults